<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- 小图标 -->
    <link rel="icon" href="src/img/favicon-20191027010756779.ico" type="image/x-icon" />
    <title>吴忠市利通区镇海养老服务中心——幸福老年之家</title>
    <script src="src/js/flexible.js"></script>
    <link rel="stylesheet" href="src/css/resetStyle.css">
    <link rel="stylesheet" href="src/css/swiper-4.1.6.min.css">
    <link rel="stylesheet" href="src/css/animate.min.css">
    <link rel="stylesheet" href="src/css/index.css">
    <style>
    </style>
</head>

<body>

    <div id="app">
        <div class="head">
            <span>
                <img src="src/img/logo.jpg" alt="">
                利通区镇海养老服务中心
            </span>

        </div>

        <div class="content" v-show="bgIndex==0">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img width="100%" src="src/img/首页/banner.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img width="100%" src="src/img/首页/slide1.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img width="100%" src="src/img/首页/slide2.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img width="100%" src="src/img/首页/slide3.jpg" alt="">
                    </div>
                </div>
                <div class="swiper-button-prev"></div>
                <!--左箭头。如果放置在swiper-container外面，需要自定义样式。-->
                <div class="swiper-button-next"></div>
                <!--右箭头。如果放置在swiper-container外面，需要自定义样式。-->
            </div>
            <img width="100%" src="src/img/首页/标题.jpg" alt="">
            <img width="100%" src="src/img/首页/简介.jpg" alt="">
            <img width="100%" src="src/img/首页/设施介绍1.jpg" alt="">
            <img width="100%" src="src/img/首页/设施介绍2.png" alt="">
            <img width="100%" src="src/img/首页/服务项目.jpg" alt="">
        </div>

        <div class="content" v-show="bgIndex==1">
            <img width="100%" src="src/img/温馨大院/1.jpg" alt="">
            <img width="100%" src="src/img/温馨大院/2.jpg" alt="">
            <img width="100%" src="src/img/温馨大院/3.jpg" alt="">
            <img width="100%" src="src/img/温馨大院/4.jpg" alt="">
            <img width="100%" src="src/img/温馨大院/5.jpg" alt="">
            <img width="100%" src="src/img/温馨大院/6.jpg" alt="">
            <img width="100%" src="src/img/温馨大院/7.jpg" alt="">
            <img width="100%" src="src/img/温馨大院/8.jpg" alt="">
            <img width="100%" src="src/img/温馨大院/9.jpg" alt="">
            <img width="100%" src="src/img/温馨大院/10.jpg" alt="">
        </div>

        <div class="content" v-show="bgIndex==2">
            <img width="100%" src="src/img/关于我们/关于我们.jpg" alt="">
            <img width="100%" src="src/img/关于我们/证书.jpg" alt="">
            <img width="100%" src="src/img/关于我们/通信地址.png" alt="">            
        </div>

        <ul class="foot">
            <li v-for="(item,index) in bar"  
                :style="index==bgIndex?{background:bgColor}:''" 
                @click="tab(index)">{{item.name}}</li>
        </ul>

        
    </div>
</body>
<script src="src/js/swiper-4.1.6.min.js"></script>
<script src="src/js/vue.js"></script>
<script src="src/js/index.js"></script>
<script>
    var a = "asdas";

    var data = {
        name:"asdasd",
        fn(){
            return "nihao!!"
        }
    }

    console.log(data.fn())

    var f1 = function()
    {
       var val = "namecaw" 
       function fn(){
           return val + "ndkehfke"
       }
       fn()
    }
    console.log(f1.fn())
</script>

</html>